@import '../../../style/pubLayout.wxss';
.page-wrap{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.position-wrap{
  width: 86vw;
  height: 86vh;
  background: #F2F3F5;
}
.g-main{
  height: 0;
  overflow: auto;
  .m-form{
    margin: 0;
    height: 60rpx;
  }


  .info-wrap{
    background: #ffffff;
    margin-bottom: 20rpx;
    padding: 0 20rpx;
    .info-title{
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 20rpx 0;
      &.bgColor{
        background: #e7f1ff;
      }
      & > .title{
        font-size: 30rpx;
        font-weight: bold;
        &:before{
          content: '';
          display: inline-block;
          width: 8rpx;
          height: 20rpx;
          background: #000;
          margin-right: 10rpx;
        }
      }
    }

    .info-table{
      width: 100%;
      display: table;
      padding-bottom: 10rpx;
      .th,.tr{
        width: 100%;
        display: table-row;
        .td{
          padding: 2rpx 6rpx;
          display: table-cell;
          border: 1rpx solid #e6e6e6;
          border-collapse: collapse;
          word-wrap: break-word;
          vertical-align: middle;
          &:first-of-type{
            max-width: 60vw;
          }
          .m-btn1{
            height: 44rpx;
            border-radius: 8rpx;
          }
        }
      }
      .th{
        .td{
          text-align: center;
          font-weight: bold;
        }
      }
    }

    .form_item{
      display: flex;
      min-height: 60rpx;
      padding-left: 20rpx;
      border: 2rpx solid #fff;
      background: #fff;
      padding-right: 20rpx;
      & > .label{
        width: 6em;
        min-width: 6em;
        min-height: 38rpx;
        margin-right: 1em;
        color: #b4b4b4;
        line-height: 60rpx;
      }
      .ipt_wrap {
        flex: 1;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        min-height: 100%;
        overflow-x: hidden;
      }
    }
  }
}
.g-footer{
  display: flex;
  padding: 0 20rpx 10rpx;
  justify-content: space-between;
  .m-btn,.m-btn1{
    width: 48%;
    height: 80rpx;
    line-height: 80rpx;
    text-align: center;
  }
  .m-btn{
    border: 2rpx solid #e6e6e6;
    background: #ffffff;
    &:active{
      background: #e6e6e6;
    }
  }
  .m-btn1{
    background: #0251FF;
    color: #ffffff;
    &:active{
      background: rgba(2, 81, 255, 0.6);
    }
  }
}
